<template>
    <div flex="main:center cross:center" class="fit">
        <div class="text2 top-20" flex="dir:top cross:center main:center">
            <slot name="icon"><i class="iconfont f120 equal" :class="icon"></i></slot>
            <div class="f18 mt30"><slot>{{msg}}</slot></div>
        </div>
    </div>
</template>
<script>
  export default {
    props: {
      icon: null,
      msg: null,
      top: {
        default: true
      }
    },
    data () {
      return {}
    },
    computed: {},
    methods: {},
    components: {}
  }
</script>
<style type="text/scss" lang="scss" scoped>
    .top-20 {
        margin-top: -20%
    }
</style>
